<template>
	<view>
		<!-- 顶部 -->
		<view class="">
			<uni-nav-bar title="合伙"></uni-nav-bar>
			<uni-icons type="back" size="30" class="titleBack" @click="goBack"></uni-icons>
		</view>
		<!-- 轮播图 -->
		<view class="bannerBox">
			<swiper indicator-dots style="height: 270rpx; border-radius: 10px;" autoplay="true" interval="3000" duration="500"
				circular="true">
				<swiper-item v-for="(item, index) in bannerList" :key="index">
					<view class="swiper-item">
						<image :src="item.imgUrl" class="banner" mode="heightFix"></image>
					</view>
				</swiper-item>
			</swiper>
		</view>
		<!-- 导航菜单 -->
		<view class="menu">
			<view class="">
				推荐合伙项目
			</view>
			<view class="">
				合作模式
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bannerList: [{
					imgUrl: '../../../static/lease/leaseBg.png',
				}, {
					imgUrl: '../../../static/lease/leaseBg.png',
				}, {
					imgUrl: '../../../static/lease/leaseBg.png',
				}, {
					imgUrl: '../../../static/lease/leaseBg.png',
				}]
			};
		},
		methods: {
			// 返回
			goBack() {
				uni.navigateBack(1)
			},
		}
	}
</script>

<style lang="scss">
// @import '../../../css/join.css';
.titleBack {
		position: absolute;
		top: 20rpx;
		font-size: 60rpx;
		color: #ccc;
	}
	.bannerBox {
		
	}
</style>
